<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */
* {word-wrap:break-word; padding:0; margin:0}
html{padding:0;margin:0}
*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
body{color:#333;font-family:Arial, Helvetica, sans-serif;font-size:12px;background:#e0e4ec}
a{ color:#25498c;text-decoration:none}
a:hover{text-decoration:underline; color:#d62d00}
strong{}
img{border:0}
li{list-style:none}
	body, ul, ol, li, dl, dd, p, h1, h2, h3, h4, h5, h6, form, .pr, .pc {margin:0;padding:0}
	table {empty-cells:show;border-collapse:collapse}
	caption, th {text-align:left;font-weight:400}
	ul li, .xl li {list-style:none}
	h1, h2, h3, h4, h5, h6 {font-size:1em}
	em, cite {font-style:normal}
/* ------------------------------通用代码 */
.l{ float:left}
.r{ float:right}
.o{ overflow:hidden}
.m9{ width:980px; margin:0 auto; overflow:hidden}
.m1{ width:1000px; margin:0 auto; overflow:hidden}
.mb2{ margin-bottom:20px}
.mt2{ margin-top:20px}
.bgf{ background:#fff}
.w12{ width:1040px}


.header{ width:100%; overflow:hidden; position:absolute; left:0; top:0; z-index:9}
.top{ width:100%; padding:10px 0; background:#fff}
.logo{ width:225px; height:80px; float:left}
.logo h1 a{ float:left; width:225px; height:80px; background:url(../images/logo.jpg) no-repeat; display:block; overflow:hidden}
.logo_slogan{ width:260px; float:left; background: url(../images/logo_line.gif) no-repeat left center; margin-left:15px; padding-left:10px; margin-top:10px; line-height:28px; font-family: "Microsoft YaHei"; font-size:16px; color: #6B6B6B;}
.logo_slogan strong{color: #1D5E95;font-size: 20px;font-weight: bold;}
.tel{ float:right; width:290px; height:80px; background:url(../images/tel.jpg) no-repeat; overflow:hidden}
.menu{ width:100%; height:70px; background:url(../images/menu_l.png) repeat-x; overflow:hidden}
.menu ul{ width:980px; height:70px; margin:0 auto; overflow:hidden}
.menu li{ float:left; background:url(../images/menu_h.jpg) no-repeat right}
.menu li a{ width:108px; height:40px; font-size:14px; font-weight:bold; color:#fff; padding:15px 0; text-align:center; display:block; overflow:hidden}
.menu li a:hover{ text-decoration:none; background:#0261A0; color:#ff0}
.menu li p{ font-size:10px; padding:10px 0; color:#6FC0FF}
.menu li.a a{ background:#edf0f8; color:#0B84D5}

/*banner*/
#banner{ float:left; width:100%; height:409px; margin-top:170px; overflow:hidden}
.banner_index{ width:auto;margin:0 auto; height:409px;position:relative;overflow:hidden}
.banner_index .btn,.banner_pro .bBtn{position: absolute;top:190px;width: 56px;height: 78px;display: block;z-index: 3;}
.banner_index .btnPre,.banner_pro .bPre{background: url(../images/bg_btnPre_index.png) no-repeat 0 0;left:20px;}
.banner_index .btnPre:hover,.banner_pro .bPre:hover{background: url(../images/bg_btnPre_index_hover.png) no-repeat 0 0;}
.banner_index .btnNext,.banner_pro .bNext{background: url(../images/bg_btnNext_index.png) no-repeat 0 0;right: 20px;}
.banner_index .btnNext:hover,.banner_pro .bNext:hover{background: url(../images/bg_btnNext_index_hover.png) no-repeat 0 0;}
.banner_index .banner_wrap{position:absolute;left:50%; top:0;}
.banner_index .banner_wrap li{ float:left; width:1900px; height:409px; overflow:hidden;}
.indexBanner_num{ position:relative;width:1000px;margin: 0 auto; margin-top:-50px;padding:10px 0;text-align: center;} 
.indexBanner_num a{width: 12px;height: 12px;display: inline-block;_zoom:1;background: url(../images/bg_num.png) no-repeat 0 0;font-size: 0px;line-height: 0px;margin:0 5px;}
.indexBanner_num a.on,.indexBanner_num a:hover{background: url(../images/bg_num_on.png) no-repeat 0 0;}
/*专注于8件事*/
.attentive{ width:100%; height:237px; background:url(../images/bg_l.gif) repeat-x; overflow:hidden}
.attentive span{ margin:17px auto 10px auto; width:100%; height:61px; background:url(../images/attentive.jpg) no-repeat center; display:block; overflow:hidden}
.attentive ul{ width:950px; margin:0px auto}
.attentive li{ float:left; margin:0 25px 0 23px; width:110px; height:150px; text-align:center; overflow:hidden}
.attentive li a{ float:left; width:110px; height:35px; display:block; overflow:hidden;margin-top: 55px; font-size:18px; font-weight:bold; color:#FFFFFF; font-family:微软雅黑;}
.at_1{ background:url(../images/attentive_li.jpg) no-repeat}
.at_2{ background:url(../images/attentive_li.jpg) no-repeat -90px 0}
.at_3{ background:url(../images/attentive_li.jpg) no-repeat -180px 0}
.at_4{ background:url(../images/attentive_li.jpg) no-repeat -270px 0}
.at_5{ background:url(../images/attentive_li.jpg) no-repeat -360px 0}
.at_6{ background:url(../images/attentive_li.jpg) no-repeat -450px 0}
.at_7{ background:url(../images/attentive_li.jpg) no-repeat -540px 0}
.at_8{ background:url(../images/attentive_li.jpg) no-repeat -630px 0}
.attentive li em{ float:left; text-align:center; width:110px; height:50px; background:#0B79C6; overflow:hidden}
.attentive li em a{ width:110px; height:23px; margin-top:0px; line-height:25px; font-size:13px;}
#at_e1 a{ background:url(../images/attentive_li.jpg) no-repeat -33px -95px}
#at_e2 a{ background:url(../images/attentive_li.jpg) no-repeat -123px -95px}
#at_e3 a{ background:url(../images/attentive_li.jpg) no-repeat -213px -95px}
#at_e4 a{ background:url(../images/attentive_li.jpg) no-repeat -303px -95px}
#at_e5 a{ background:url(../images/attentive_li.jpg) no-repeat -393px -95px}
#at_e6 a{ background:url(../images/attentive_li.jpg) no-repeat -483px -95px}
#at_e7 a{ background:url(../images/attentive_li.jpg) no-repeat -573px -95px}
#at_e8 a{ background:url(../images/attentive_li.jpg) no-repeat -663px -95px}

.att_btit{ width:100%; height:143px; background:url(../images/bg_l2.gif) repeat-x; overflow:hidden}
.att_btit span{ margin:0 auto; width:840px; height:143px; background:url(../images/att_btit.gif) no-repeat; display:block; overflow:hidden}

.index_pd{ width:100%; padding:20px 0; overflow:hidden}
.pd_l{ width:666px; float:left; overflow:hidden}
.pd_r{ width:270px; float:right; overflow:hidden}

.pd_tit{ width:100%; margin:20px 0; overflow:hidden}
.pd_tit h3{ float:left; width:290px; height:50px; background:url(../images/pd_tit.gif) no-repeat; display:block; text-indent:-9999px}
.pd_tit span a{ float:right; margin-top:22px; color:#fff; font-weight:bold; width:102px; height:28px; line-height:28px; text-align:center; background:url(../images/btn.png) no-repeat 0 -56px; display:block}
/*滑动门*/
.main_search{float:left;width:666px; margin:0; overflow:hidden}
.main_search div.tit{width:666px;height:56px; font-size:14px; line-height:28px; color:#2e65b7; overflow:hidden }
.main_search div.con{ width:666px; height:335px; overflow:hidden}
.main_search div.con ul{ width:700px; overflow:hidden;}
.main_search div.con li{ float:left; margin:0 20px 20px 0; text-align:center; width:204px; height:156px}
.main_search div.con li img{ width:198px; height:120px; background:#ddd }
.main_search div.con ul li a{ padding:3px; color:#333; line-height:30px; background:#fff; display:block; overflow:hidden}
.main_search div.con ul li a:hover{ color:#00a7ff; font-weight:bold; text-decoration:none}
.tit_bg02{ float:left; width:102px; height:56px; margin-right:8px; background:url(../images/btn.png) no-repeat; color:#fff; text-align:center; cursor:pointer}
.tit_bg03{ float:left; width:102px; height:56px; margin-right:8px; background:url(../images/btn.png) no-repeat 0 -84px; text-align:center;color:#383838; cursor:pointer}

.news_tit{ width:100%; height:33px; background:url(l.gif) repeat-x bottom; margin:20px 0 30px 0; overflow:hidden}
.news_tit span a{ float:right; color:#fff; width:33px; text-align:center; height:33px; line-height:33px; background:url(../images/more.png) no-repeat; display:block}
.news_tit em{ float:right; color:#999}
.news_tit strong{ font-family:微软雅黑; font-size:15px; color:#3b5cb9; }
.news_tit p{ font-size:10px; color:#9da4b1; height:15px; overflow:hidden}

.news_qa{ float:left; width:270px; margin-right:28px; overflow:hidden}
.qa_ul li{ height:97px; line-height:26px; display:block; overflow:hidden}
.qa_ul li a{ padding-left:28px; font-size:14px; background:url(../images/q.gif) no-repeat}
.qa_ul li p{ padding-left:28px; background:url(../images/a.gif) no-repeat 0 5px  }


.index_w8{ width:100%; height:392px; padding:50px 0; background:#0B79C6; overflow:hidden}
.w8 strong{ color:#fff; font-family:微软雅黑}
.w8 a:hover{ text-decoration:none}
.win8 li span{ cursor:pointer}
#w_1{ width:545px; height:287px; background:#2C9FE9 url(../images/w1.png) no-repeat 20px 240px; overflow:hidden;}
	#w_1 strong{ font-size:20px}
	#w_1 span{ float:left; margin:5px 0 0 90px; color:#cadafe; overflow:hidden}
#w_2{ margin-left:29px; width:132px; height:164px; background:#0D86E6 url(../images/w2.png) no-repeat 13px 14px; overflow:hidden}
	#w_2 strong{ font-size:16px; line-height:30px}
	#w_2 span{ float:left; margin:66px 13px 0 13px; color:#cadafe}
#w_3{ margin-left:5px; width:269px; height:80px; background:#448ae9 url(../images/w3.png) no-repeat 25px 14px; overflow:hidden}
	#w_3 strong{ float:left; width:181px; padding:0 0 0 75px; display:block; font-size:22px; color:#ddf1ff; line-height:30px}
	#w_3 span{ float:left; margin:14px 8px 0 25px; color:#a7cdff}
	#w_3 p{ float:left; width:240px; text-indent:75px}
#w_4{ margin:5px 0 0 5px; width:269px; height:80px; background:#44a5e9 url(../images/w4.png) no-repeat 25px 14px; overflow:hidden}
	#w_4 strong{ float:left; width:181px; padding:0 0 0 75px; display:block; font-size:22px; color:#c5e7ff; line-height:30px}
	#w_4 span{ float:left; margin:14px 8px 0 25px; color:#03416d}
	#w_4 p{ float:left; width:240px; text-indent:75px}
#w_5{ margin:5px 0 0 29px; width:132px; height:118px; background:#7fa9e3 url(../images/w5.png) no-repeat 13px 14px; overflow:hidden}
	#w_5 strong{ float:left; width:100px; padding:0 0 0 57px; display:block; font-size:14px; line-height:46px}
	#w_5 span{ float:left; margin:14px 8px 0 13px; color:#224a80}
	#w_5 p{ float:left; width:110px}
#w_6{ margin:5px 0 0 5px; width:132px; height:118px; background:#458fe8 url(../images/w6.png) no-repeat 13px 14px; overflow:hidden}
	#w_6 strong{ float:left; width:100px; padding:0 0 0 57px; display:block; font-size:14px; line-height:46px}
	#w_6 span{ float:left; margin:14px 8px 0 13px; color:#d6e8ff}
	#w_6 p{ float:left; width:110px}
#w_7{ margin:5px 0 0 5px; width:132px; height:118px; background:#92b3de url(../images/w7.png) no-repeat 13px 14px; overflow:hidden}
	#w_7 strong{ float:left; width:100px; padding:0 0 0 57px; display:block; font-size:14px; line-height:46px}
	#w_7 span{ float:left; margin:14px 8px 0 13px; color:#2c4f7a}
	#w_7 p{ float:left; width:110px}
#w_8{ margin-top:29px; width:191px; height:90px; overflow:hidden}
	#w_8 strong{ float:left; width:109px; height:80px; padding:0 0 0 82px; background:#44a5e9 url(../images/w8.png) no-repeat 20px 20px; display:block; font-size:24px; font-weight:normal; color:#d8e0ff; line-height:66px}
	#w_8 span{ float:left; color:#2c4f7a}
	#w_8 p{background:url(../images/s.png) no-repeat 320px 66px; float:left; width:756px; height:90px; padding-left:24px; line-height:20px; color:#cad5f6; }
.w9{background:url(../images/s.png) no-repeat 320px 66px; float:left; width:756px; height:90px; padding-left:24px;margin-top:29px;}
.w9 p{line-height:20px; color:#cad5f6; }
	
.index_about{ width:100%; height:365px; padding-top:105px; border-bottom:1px solid #3b5cbb; border-top:10px solid #e0e4ed; background:#fff url(../images/about_bg.gif) no-repeat center bottom; overflow:hidden}
.index_about ul{ float:left; width:400px; margin:0 0 0 80px}
.index_about li{ float:left; width:95px; height:95px; margin:0 10px 10px 0; background:#ff0; overflow:hidden}
.index_about img{ width:95px; height:95px}
.index_about h2{ float:right; margin:0 80px 0 0; width:390px; height:111px; background:url(../images/cl.gif) no-repeat top right; display:block; text-indent:-9999px}
.index_about p{ float:right; margin:20px 80px 0 0; width:330px; padding:0 0 0 35px; font-family:微软雅黑; font-size:15px; color:#989898; line-height:30px; text-indent:2em; background:url(../images/yh.gif) no-repeat}
.index_about span { float:right;  width:100%; height:18px; display:block}
.index_about span a{ float:right; margin:0 80px 0 0; width:18px; height:18px; background:url(../images/more.gif) no-repeat; display:block}
.index_about span a:hover{ background-position:bottom}

.index_show{ width:100%; padding:30px 0; background:#fff; overflow:hidden}
.index_show ul{ width:1040px}
.index_show li{ float:left; margin:0 26px 20px 0; text-align:center }
.index_show li img{ width:214px; height:123px; border:3px solid #dadada; background:#f2f2f2 }
.index_show li a{ padding:3px; color:#333; line-height:30px; background:#fff; display:block; overflow:hidden}
.index_show li a:hover{ color:#00a7ff; font-weight:bold; text-decoration:none}
.index_show li p{ width:220px; background:#f5f5f5; display:block; overflow:hidden}

.choose{ width:100%; height:294px; padding:60px 0; text-align:center; background:#e0e4ed url(../images/bg_j1.gif) repeat-x}
.choose .choose0{ width:980px; margin:0px auto; color:#666666}
.choose .choose00{ width:100%; overflow:hidden}
.choose .choose01{ width:245px; background:#e0e4ed url(../images/liyou01.jpg) repeat-x; height:206px; float:left; overflow:hidden; line-height:100px; padding-top:50px;}
.choose .choose02{ width:243px; background:#e0e4ed url(../images/liyou02.jpg) repeat-x; height:206px; float:left; overflow:hidden; line-height:100px; padding-top:50px;}
.choose .choose03{ width:248px; background:#e0e4ed url(../images/liyou03.jpg) repeat-x; height:206px; float:left; overflow:hidden; line-height:100px; padding-top:50px;}
.choose .choose04{ width:244px; background:#e0e4ed url(../images/liyou04.jpg) repeat-x; height:206px; overflow:hidden; line-height:100px; padding-top:50px;}
.promise{ width:100%; height:323px; text-align:center; background:#0B79C6 url(../images/bg_j2.gif) repeat-x bottom}


.index_news{ padding:50px 0; border-bottom:1px solid #fff}
.news_nw{ float:left; padding:0 45px 0 10px; background:url(../images/bg_l3.gif) no-repeat right; width:270px}
.nw_ul li{ height:97px; display:block; overflow:hidden}
.nw_ul li a{ }
.nw_ul li span{ float:left; margin-left:12px; width:195px; overflow:hidden}
.nw_ul li p{ padding:10px 0; line-height:22px}
.nw_ul img{ float:left; width:60px; height:60px}

.news_st{ float:left; padding:0 45px 0 35px; background:url(../images/bg_l3.gif) no-repeat right; width:270px}
.st_ul li{ height:34px; line-height:34px; border-bottom:1px solid #d3d6db; overflow:hidden}
.st_ul li a{ color:#666; padding:0 10px; display:block;}
.st_ul li a:hover{ color:#fff; background:#3c5cbc; text-decoration:none}

.news_qa2{ float:left; padding:0 45px 0 35px; width:270px; overflow:hidden}

.yqlink{ width:100%; height:auto; background:#E0E4EC; border-top:2px solid #bbbec5; overflow:hidden;}
.yqlink .link{ width:980px; margin:0 auto; padding:15px 0px; overflow:hidden}
.yqlink .link b{font-family: 微软雅黑;font-size: 15px;color: #3B5CB9; float:left; }
.yqlink .link p{font-size: 10px;color: #9DA4B1;height: 15px;overflow: hidden; padding: 3px 0px 1px 5px;}
.yqlink .link ul{ margin:3px; padding:0px; width:974px; overflow:hidden; white-space:nowrap;}
.yqlink .link ul li{float:left; overflow:hidden; white-space: nowrap; padding:5px 15px 5px 0px; width:auto; display:block;}
.yqlink .link ul li a{color:#585858; display:block; overflow:hidden; float:left; width:auto}
.footer{ width:100%; height:128px; background:#363636; overflow:hidden}
.foot{ width:980px; height:98px; padding:20px 0; color:#7a7a7a; background:url(../images/fbg.gif) no-repeat top right; overflow:hidden}
.fmenu{ width:100%; padding:0 0 5px 0; overflow:hidden}
.fmenu li{ float:left; color:#bdbdbd}
.fmenu li a{ color:#bdbdbd}

#gotop {display: none;position: fixed; text-align:center; width:50px; bottom: 0;font-size:12px; _position: absolute; right:0; overflow:hidden; display:block;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}
.bqq a{ color:#fff; width:50px; height:20px; padding-top:30px; font-size:8px; background:#00b4ff url(../images/qq.png) no-repeat center 7px; display:block; overflow:hidden}
.bqq a:hover{ background-color:#00a6eb; text-decoration:none}
.btop a{ color:#fff; width:50px; height:20px; padding-top:30px; background:#ffb400 url(../images/top.gif) no-repeat; display:block; overflow:hidden}
.btop a:hover{ background-color:#ff9000; text-decoration:none}

/*产品内页放大镜功能*/
.list-h li{ float:left;}
#spec-n5{width:285px; height:56px; padding-top:10px; overflow:hidden;}
#spec-left{width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{ width:260px; float:left; overflow:hidden; display:inline; margin:0 2px;}
#spec-list ul li{ float:left; display:inline; width:56px; padding:0 4px; list-style:none; margin:0px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:50px;}
#spec-list div{ margin-top:0; *margin-left:0;}

#preview{width:710px; display:inline;}
.jqzoom{ width:380px; height:285px; position:relative; padding:0;}
.zoomdiv{z-index:100;position:absolute;top:0;left:0px; margin-top:-3px; width:300px;height:300px;background:url(images/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:600px;height:450px;}
.jqZoomPup{z-index:999;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#fff 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}


/*-- 在线客服 --*/
.box_os .os_x, .box_os .osqq, .ico_os, .ico_gt, .ico_pp, .osqq .qq{ background:url(../images/kf.gif) no-repeat;}
.box_os{ height:auto; overflow:hidden; width:131px; position:fixed; right:0; top:100px; _position:absolute; z-index:9999;display:none;}
.box_os .os_x{ background-color:#f7f7f7; background-position:2px 2px; width:18px; height:20px; float:right; display:inline; cursor:pointer;}
.box_os .osqq{ width:129px; border:1px solid #D1D1D1; background-color:#fff; background-position:0 -120px; clear:both; padding:37px 0 8px 0; text-align:center;}
.box_os .osqq p{ height:auto; line-height:20px;width:129px; margin-top:8px;}
.box_os .osqq p strong{ color:#666;}
.box_os .osqq img{ padding:0px 0 3px 0;}
.box_os .osqq p em{ color:#999; display:block;}
.box_os .osqq p span{ color:#547816; display:block;}
.box_os .osqq .qq{ background-position:-140px -120px; display:block; width:99px; height:26px; margin:0 auto; margin-top:8px; cursor:pointer;}
.acbox{ width:130px; overflow:hidden;}
.acbox .ico_gt{ background-position:-60px 0; border:1px solid #299ec0; border-top:0; cursor:pointer; width:60px; height:33px; float:right;}
.acbox .ico_pp{ background-position:-60px -60px; border:1px solid #81b140; border-top:0; cursor:pointer; width:60px; height:33px; float:right; margin:0 2px;}
.onlineService{ background:none; display:block; width:39px; *width:84px; height:178px; ;position:fixed; right:0; top:100px; _position:absolute; z-index:99;}
.onlineService .ico_os{ background-position:-2px -20px; border:1px solid #c7c7c7; cursor:pointer; width:39px; height:98px; float:right;}
.onlineService .ico_gt{ background-position:right 0; border:1px solid #299ec0; cursor:pointer; width:39px; height:37px; float:right; clear:both;}
.onlineService .ico_pp{ background-position:right -60px; border:1px solid #81b140; cursor:pointer; width:39px; height:37px; float:right; margin:0 0 1px 0; clear:both;}
.box_os .osqq p span a{color:#557917;}



/*.fl,.fr{ float:left; display:inline;}
.fr{ float:right;}
.lifl li{ float:left;}
.scroll{ position:relative; overflow:hidden;}
.scroll ul{ position:absolute; width:20000em;}
.scroll ul li{ float:left;}
.wrap{ width:976px; margin:0 auto;}
.header1 .wrap{ height:409px; position:relative;}
.bpic,.header1 ins.nm{ position:absolute; top:0; left:50%; margin-left:-960px; width:1920px; text-align:center;}
.header1 ins.nm{ height:89px; background-color:#218723; top:540px; filter:alpha(opacity=60); opacity:0.6;}
.b1{ width:600px; height:66px; position:absolute; top:363px; left:310px; z-index:1;}
.b1 li,.b1 li ins{ width:85px; height:40px; position:relative;}
.b1 li{ margin-right:6px; cursor:pointer;}
.b1 li div{ display:none;}
.b1 li img{ border:5px solid #fff; width:70px; height:30px;}
.b1 li.active img{ border:none; width:70px; margin:5px; height:30px;}
.b1 li.active ins{ background:url(../images/ico_2.gif) no-repeat; position:absolute; display:block; top:0; left:0; filter:alpha(opacity=47); opacity:0.47;}
a.arr_l,a.arr_r{ background:url(../images/arr.png) no-repeat; width:24px; height:24px; display:block; position:absolute; top:571px; left:10px; z-index:1; cursor:pointer;}
a.arr_r{ left:943px; background-position:right 0;}
a.arr_l:hover,ul.page li a.p:hover,a.pv:hover{ background-position:0 bottom;}
a.arr_r:hover,ul.page li a.n:hover,a.nv:hover{ background-position:right bottom;}*/

#bannerbg{height:409px; position:relative; top:0px; width:100%; z-index:0;}
.bannerc{height:409px; overflow:hidden; position:relative; width:100%;}
.bannerc li{height:409px; left:0; position:absolute; top:0; width:100%;}
.banner{height:409px; margin:0 auto; position:relative; text-align:center;}
.banner img{position:absolute; left:50%; top:0px; margin-left:-960px;}
.bannermenu{left:42%;  position:absolute; bottom:3px; z-index:9; display:block;}
.bannermenu img{ border:3px #FFFFFF solid}
.bannermenu li{background-color:#9C9C9C; float:left; height:36px; list-style:none outside none; margin:0 5px; width:76px; overflow:hidden; cursor:pointer;}
.bannermenu li.on{background-color:#FF7519; height:36px; width:76px;}
.bannermenu li.on img{border:3px #CCCCCC solid}

#commentform{
 font-size:12px;
}
#commentform label{width:80px;height:24px;display:block;float:left;background:url(../images/label.png) no-repeat left top;line-height:22px;color:#999;padding-left:18px;margin-top: 5px;}
* html #commentform label{float:none;display:inline;padding:5px 15px 10px 18px;margin-right:10px;vertical-align:middle;}
#commentform input{height:20px;width:220px;border:1px solid #EEE;padding:4px 4px 0 4px; margin-top: 4px;}
#commentform p.input:hover label,#commentform p.input:active label,#commentform p.input:focus label{
background:url(label.png) no-repeat left -40px;color:#000;
}
#commentform input#submit{width:82px;height:24px;background:url(submit.png) no-repeat left top;margin-left:73px;color:#999;border:0 none;line-height:100%;padding:0;cursor:pointer;}
#commentform input#submit:hover,#commentform input#submit:active,#commentform input#submit:focus{background:url(../images/submit.png) no-repeat left bottom;color:#000;}</pre></body></html>